<div class="product-layout product-list col-xs-12">
  <div class="product-thumb">
    <div class="image">
      <a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a>
    </div>
    <div>
      <div class="caption">
        {% if product.price %}
          <p class="price">
            {% if not product.special %}
              {{ product.price }}
            {% else %}
              <span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span>
            {% endif %}
            {% if product.tax %}
              <span class="price-tax">{{ text_tax }} {{ product.tax }}</span> {% endif %}
          </p>
        {% endif %}
        <h4><a href="{{ product.href }}">{{ product.name }}</a></h4>
        <div class="rating">
          {% if product.rating %}
            {% for i in 1..product.rating %}
              <i class="iconfont">&#xe642;</i>
            {% endfor %}
          {% endif %}
          {% if product.empty_rating %}
            {% for i in 1..product.empty_rating %}
              <i class="iconfont">&#xe641;</i>
            {% endfor %}
          {% endif %}
        </div>
        <div class="comments">
          {{ product.comment_count }}
        </div>
        </div>
      <div class="button-group">
        <button type="button" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>
        <button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>
        <button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button>
      </div>
    </div>
  </div>
</div>